// 初始化区域滚动组件
mui('.mui-scroll-wrapper').scroll({
    indicators:false
})
$(function () {
    // 页面加载初始数据
    // 1.1获取页面的productid
    var productId = lt.getUrlParams().productId
    
    var render = function () {
        // 1.2请求获取数据
        getProductDetails({
            id: productId,
        },function (res) {
            // 1.3 动态模板渲染
            $('.mui-scroll').html(template('productDetails',res))
            // 1.4初始化轮播图
            mui('.mui-slider').slider({
                interval:4000
            })
            // 1.5 数据选择初始化
            mui('.mui-numbox').numbox();
        })
        
    }
    render()
    // 2.重新加载
    $('.mui-icon-reload').on('tap',function(){
        $('.mui-scroll').html('<div class="loading"><span class="mui-icon mui-icon-spinner"></span></div>')
        render()
    })

    // 尺码选择
    $('.mui-scroll').on('tap','.size',function(){
        $(this).addClass('now').siblings().removeClass('now')
    })

    // 去购物车
    // 加入购物车
    // 1需要获取数据 校验数据 商品id 尺码数量
    // 2 通过接口发送给后台ajax
    // 3成功提示用户添加成功 弹出一个对话框 去购物车查看
    // 4 失败提示用户 添加失败
    // 防止二次提交
    $('.mui-btn-danger').on('tap',function(){
        // 防止重复提交
        if(window.addCarting){
            return
        }
        // 去购物车必须要传递三个参数 productId num size
        var params = {
            productId: productId,
            size:$('.size.now').html(),
            num: $('.mui-input-numbox').val()
        }
        // 验证信息是否全
        if(!params.productId){
            mui.toast('商品id异常')
            return
        }
        if(!params.size){
            mui.toast('请选择尺码')
            return
        }
        if(!params.size){
            mui.toast('请选择商品数量')
            return
        }
        // 发送ajax请求
        lt.ajaxFilter({
            type:"post",
            url:"/cart/addCart",
            async:true,
            data:params,
            dataType:'json',
            beforeSend:function(){
                window.addCarting = true
            },
            success:function(res){
                if(res.seccess){
                    mui.confirm('加入购物车成功,去购物车看看?','温馨提示',['去看看','继续浏览'],function(e){
                        if(e.index == 0){
                            // 按了第一个
                            location.href = 'user/cart.html?returnUrl=' + location.href
                        }else{
                            // 按了其他按钮 暂时处理
                        }
                    })
                }
                else{
                    // 失败
                    mui.toast('添加失败,请重试!')
                }
                window.addCarting = false
            },
            error:function(){
                mui.toast('网络繁忙!')
                window.addCarting = false
            }

        })
    })
})
function getProductDetails(params,cb){
    $.ajax({
        type:"get",
        url:"/product/queryProductDetail",
        async:true,
        data: params,
        dataType:"json",
        success: function(res){
            setTimeout(function(){
                cb && cb(res)
            },500)
        }
    })
}